
1. GENERAL TYPOGRAPHY
	- Global Reset 
	- General Styles
	- Buttons	
	- Columns Styles		
	- Box styles
	- Borders & Dividers
	- Back to Top

2. SITE STRUCTURE
	- Header
	- Topmenu
	- TopBar
	- Top Slider and Carousel
	- Middle content
	- Footer

3. EXTENDED TYPOGRAPHY and SHORTCODES
	- Typographic Elements
	- Framed Tabs
	- Custom Lists Styles
	- Slideshow Gallery and Text
	- Styled Tables and Boxes
	- Text Highlights
	- Table Pricing

4. EXTENDED ELEMENTS
	- Newsletter box
	- Advertise Baners	

5. WIDGETS STYLES

6. POSTS
	- Blog post list
	- Pagination and Navigation
	- Author description 
	- Comment list
	- Comment form / Contact form
*/

/*===================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===================================================*/
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block}
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

img { height:auto !important ; max-width:100% !important;}

*+html img {
    max-width:100% !important;
    height: auto}

/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

body {
	font-family: 'Open Sans', sans-serif;
	color:#4f5e62;
	font-size:14px;
	line-height:1.6em;
	position:relative;
	background: #f8f3f0;
    margin: 0 auto;
}

.body_wrap {
	width:100%;
	position:relative}

::-moz-selection { 
	background: #8e8071;
	color: #fff;
	text-shadow: none}
	
::selection {
	background: #8e8071;
	color: #fff;
	text-shadow: none}

/* Floating & Alignment 
===================================*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto}
.alignleft {
	float: left}	
.alignright {
	float: right}
	
.text-right {
	text-align:right}
.text-left {
	text-align:left}
.text-center {
	text-align:center}

/* Clear Floats 
===================================*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0}

.clearfix {
  *zoom: 1}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: ""}

.clearfix:after {
  clear: both}

/* Typography
===================================*/
h1, h2, h3, h4, h5, h6 {
	color: #5c5146;
	font-family: 'Open Sans' , serif;
	font-weight:400;
	line-height:1.2em;
	margin-bottom:1em}

h1{font-size:27px}	
h2{font-size:27px}	
h3{font-size:20px}	
h4{font-size:18px}	
h5{font-size:17px}	
h6{font-size:14px}

h1 span, h2 span, h3 span ,h4 span, h5 span, h6 span {
	font-weight:400}

.post-detail .entry h1 {
	margin:0 0 1em 0;
	padding:0}
	
.post-detail .entry h2 {	
	margin:25px 0 20px}

.post-detail  h2 {	
	margin:25px 0 20px}

.post-detail .entry h3 {
	margin:25px 0 20px}

.post-detail .entry h4 {
	margin:20px 0 10px}

.post-detail .entry h5 {	
	margin:20px 0 10px}

.post-detail .entry h6 {
	margin:20px 0 10px}
